<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Login</title>
<!--  导入框架css  -->
    <link rel="stylesheet" href="/static/css/bootstrap.css">
</head>
<body>
<h3 style="color:red" align="center">欢迎来到餐厅</h3>
<br>
<h3 style="color:red" align="center">请登录OvO</h3>
<form method="post" style="width: 200px; margin: 50px auto">
    <label style="color:pink">账 号：</label><input type="text" name="username"><br>
    <label style="color:pink">密 码：</label><input type="password" name="password"><br>
    <label style="color:pink">确认密码：</label><input type="password" name="password2"><br>
    <input type="submit" value="提交">
    <input type="button" value="注册用户" onclick="window.location.href='/add'">
    {% for message in get_flashed_messages() %}
        {{ message }}
    {% endfor %}
</form>

</body>

<style type="text/css">
	body{
		background: url("/static/picture/welcome.jpg") no-repeat center center fixed;
                /*兼容浏览器版本*/
                -webkit-background-size: cover;
                -o-background-size: cover;
                background-size: cover;
	}
	</style>
</html>